<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>和平里医院</title>
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <!-- Link Swiper's CSS -->
  <link rel="stylesheet" href="./css/swiper.min.css">
  <link rel="stylesheet" href="./css/css.css">
</head>

<body>
  <div class="top">
    <div class="top_left">和平里医院</div>
    <div class="top_right">
      <span class="dang"><img src="./img/dang_03.png" alt=""> <span class="dian"></span></span>
      <span><img src="./img/topimg_04.png" alt=""></span>

    </div>
  </div>
  <div class="ban">
    <!-- Swiper -->
    <div class="swiper-container" id="indexBan1">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="./img/img_03.png" alt=""></div>
        <div class="swiper-slide"><img src="./img/img_03.png" alt=""></div>
        <div class="swiper-slide"><img src="./img/img_03.png" alt=""></div>
        <div class="swiper-slide"><img src="./img/img_03.png" alt=""></div>
      </div>
      <!-- Add Pagination -->
      <div class="swiper-pagination" id="swiper-pagination1"></div>
    </div>
  </div>
  <div class="ban2">
    <div class="my_title">通知信息</div>
    <!-- Swiper -->
    <div class="ban2_1">
      <div class="swiper-container" id="indexBan2">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="info_box">
              <div class="info_title">微信支付凭证</div>
              <div class="info_time">2020年10月10日 星期一</div>
              <div class="info_con">付款金额 ¥12.00</div>
              <div class="info_a">「查看详情」</div>
              <div class="info_icon"><img src="./img/dang_07.png" alt=""></div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="info_box">
              <div class="info_title">微信支付凭证</div>
              <div class="info_time">2020年10月10日 星期一</div>
              <div class="info_con">付款金额 ¥12.00</div>
              <div class="info_a">「查看详情」</div>
              <div class="info_icon"><img src="./img/dang_07.png" alt=""></div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="info_box">
              <div class="info_title">微信支付凭证</div>
              <div class="info_time">2020年10月10日 星期一</div>
              <div class="info_con">付款金额 ¥12.00</div>
              <div class="info_a">「查看详情」</div>
              <div class="info_icon"><img src="./img/dang_07.png" alt=""></div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="info_box">
              <div class="info_title">微信支付凭证</div>
              <div class="info_time">2020年10月10日 星期一</div>
              <div class="info_con">付款金额 ¥12.00</div>
              <div class="info_a">「查看详情」</div>
              <div class="info_icon"><img src="./img/dang_07.png" alt=""></div>
            </div>
          </div>
        </div>
        <!-- Add Pagination -->

      </div>
      <div class="swiper-pagination" id="swiper-pagination2"></div>
    </div>

  </div>
  <div class="ban3">
    <div class="my_title">我的代办</div>
    <ul>
      <li>
        <img src="./img/img_07_02.png" alt="">
        <span>代办信息</span>
      </li>
      <li>
        <img src="./img/img_07_04.png" alt="">
        <span>已办信息</span>
      </li>
      <li>
        <img src="./img/img_07_06.png" alt="">
        <span>全部信息</span>
      </li>
      <li>
        <img src="./img/img_07_08.png" alt="">
        <span>发起信息</span>
      </li>
    </ul>
    <div class="ban3_view">

      <div>
        <img src="./img/img_10_02.png" alt="">
        <span>薪资查询</span>
      </div>

    </div>
  </div>
  <div class="ban4">
    <div class="my_title">我的查询</div>
    <ul>
      <li>
        <img src="./img/img_14_02.png" alt="">
        <span>个人信息</span>
      </li>
      <li>
        <img src="./img/img_14_04.png" alt="">
        <span>请假申请</span>
      </li>
      <li>
        <img src="./img/img_14_06.png" alt="">
        <span>发票抬头</span>
      </li>
      <li>
        <img src="./img/img_14_08.png" alt="">
        <span>报销审批</span>
      </li>
    </ul>
  </div>

  <div class="my_tab">
    <ul>
      <li class="act">
        <img src="./img/nav1_act.png" alt="">
        <span>首页</span>
      </li>
      <li>
        <img src="./img/nav2.png" alt="">
        <span>代办</span>
      </li>
      <li>
        <img src="./img/nav3.png" alt="">
        <span>通知</span>
      </li>
      <li>
        <img src="./img/nav4.png" alt="">
        <span>我的</span>
      </li>
    </ul>
  </div>
  <!-- Swiper JS -->
  <script src="./js/jquery-1.11.3.min.js"></script>
  <script src="./js/swiper.min.js"></script>
  <script src="./js/myjs.js"></script>
  <!-- Initialize Swiper -->
</body>

</html>